<%--
  Created by IntelliJ IDEA.
  User: 李家伟
  Date: 2019/9/27
  Time: 16:15
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>大鹏-逍遥游</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap-theme.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/clublist.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/dist/js/bootstrap.js"></script>
    <script src="${pageContext.request.contextPath}/js/clublist.js"></script>

</head>
<body>
<!-- 顶部导航-->
<c:choose>
    <c:when test="${memberall.userId != 0}">
        <c:if test="${memberall.userStatus == 0}">
            <img src="http://localhost:8080/mydev/images/vip.png" style="position:absolute;top:23px;right: 345px;z-index: 999;">
        </c:if>
        <c:if test="${memberall.userStatus == 1}">
            <a href="http://localhost:8080/mydev/VIP" style="position:absolute;top:13px;right: 400px;z-index: 999;">开通vip</a>
        </c:if>
    </c:when>
</c:choose>
<div class="header-container" style="width: 100%; min-width: 1500px;  ">

    <div class="row first-div" style="z-index: 999; width: 100%">
        <div class=" left-nav-ul" >
        </div>


        <ul class="mid-nav-ul" >
            <li class="nav-ul-li" >
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/start/index">
                    <div>
                        <img src="http://localhost:8080/mydev/images/logo.png">
                        逍遥游
                    </div>
                </a>

            </li>
            <li class="nav-ul-li" style="background-color: #ff9d00">
                <a style="text-decoration: none;color: #ffffff" href="http://localhost:8080/mydev/start/index">首页</a>
            </li>
            <li class="nav-ul-li">
                <a  style="text-decoration: none" href="http://localhost:8080/mydev/QuestionTable/club_questions">问答</a>
            </li>

            <li class="nav-ul-li">
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/clublist/list">鲲鹏俱乐部</a>
            </li>

            <li class="nav-ul-li new">
                <div class="geren">
                    <a  style="text-decoration: none; color:black" href="">更多</a>
                    <div class="t1"></div>
                </div>
                <div class="hidden1">
                    <ul class="geren-ul">
                        <li>
                            <a  style="text-decoration: none" href="http://localhost:8080/mydev/write/travel">写游记</a>
                        </li>
                        <li>
                            <a  style="text-decoration: none"  href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}">我的游记</a>
                        </li>
                    </ul>
                </div>
            </li>

            <li class="nav-ul-li" >
                <c:choose>
                    <c:when test="${memberall.userId != 0}">
                        <c:if test="${memberall.userStatus ==0}">
                             <span  style="color: gold">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>
                        <c:if test="${memberall.userStatus ==1}">
                             <span  style="color: black">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>


                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/regist/normalRegist">注册</a>
                    </c:otherwise>
                </c:choose>

            </li>
            <li class="nav-ul-li">
                <c:choose>
                    <c:when test="${memberall.userId != 0}">

                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/login/login">登陆</a>
                    </c:otherwise>
                </c:choose>


            </li>
        </ul>




        <c:choose>
            <c:when test="${memberall.userId != 0}">

                <div class="right-nav-ul" >
                    <div class="topmaguser" style="  position:relative;left: 0px;top:2px">


                        <a href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}" >
                            <img src="http://localhost:8080/mydev/${memberall.userPicture}">
                        </a>

                    </div>
                    <ul class="right-mid" >
                        <li class="nav-ul-li new" >

                            <div class="geren">

                                <a style="text-decoration: none; color:black" href="">个人中心</a>

                                <div class="t2"></div>
                            </div>

                            <div class="hidden1">
                                <ul class="gere-ul">

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/collect/${memberall.userId}"><img src="http://localhost:8080/mydev/images/savea.png">我的收藏</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/mapview/${memberall.userId}"><img src="http://localhost:8080/mydev/images/foot.png">我的足迹</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/answer/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">我的问答</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/reply/toaccount/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">回复消息</a>
                                    </li>

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/exit"><img src="http://localhost:8080/mydev/images/banka.png">退出登录</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </c:when>
            <c:otherwise>



            </c:otherwise>
        </c:choose>

    </div>
</div>
<!--背景图和倒计时-->
<div class="jumbotron background1">
    <div class="container">
        <img src="${pageContext.request.contextPath}/images/star.png">
        <div class="white-cloud">
            <img src="${pageContext.request.contextPath}/images/cloudB.png" width="135%" >
        </div>

        <div class="time-area">
            <h1 id = "time">       </h1>
        </div>

        <span>此时已经有</span>
        <span style="font-size: 40px;font-weight: bolder;color: #f5f5f5; font-family: 'georgia';"> 1547 </span>
        <span>人成为了</span>
        <span  style="font-size: 35px;font-weight: bolder;color: yellow; font-family: 'georgia';">  鹏鸟 </span>
        <span>加入了我们欢乐又膨胀大鹏俱乐部</span>
    </div>
</div>

<!--主体第一部分-->
<div class="main1">
    <div class="main1-title">
        <p class="text-danger"> 每个月 这个欢乐的俱乐部都会组织一场惊喜的活动</p><br>
        <p class="text-success">  在有你的城市，在某个Live House，某个咖啡馆，某个小型club甚至露天的青草地。</p><br>
        <span>  大隐隐于市，赴一场摩登世界的旅行之约</span>
    </div>

    <div class="row main1-body">
        <c:forEach items="${pageContext.request.getAttribute('clubActivityList')}" var="c">
            <div class="col-sm-6 col-md-4">
                <a href="${pageContext.request.contextPath}/club_details/list/${c.clubId}">
                    <div class="thumbnail">
                        <img src="${c.clubOther1}" alt="" style="width: 340px;height: 255px">
                        <div class="caption">
                            <h3>${c.clubTheme}</h3>
                            <p>${c.clubName}</p>
                        </div>
                    </div>
                </a>
            </div>
        </c:forEach>
        <%-- 页码的渲染--%>
        <div style="width: 800px;height: 50px;margin: 0 auto;font-size: 15px">
            <label style="font-size: 15px">共</label><span style="font-size: 15px">${page.pages}页/</span>
            <label style="font-size: 15px"></label><span style="font-size: 15px">${page.total}条</span>
            <c:if test="${page.pageNum !=1}">
                <a href="${pageContext.request.contextPath}/clublist/list?page=${page.pageNum-1}" style="font-size: 15px;color:#ff9e00" class="travelpage">上一页</a>
            </c:if>

            <label style="font-size: 15px">当前页码:</label><span style="font-size: 15px">${page.pageNum}</span>

            <c:if test="${page.pageNum !=page.pages}">
                <a href="${pageContext.request.contextPath}/clublist/list?page=${page.pageNum+1}" style="font-size: 15px;color:#ff9e00" class="travelpage">下一页</a>
            </c:if>
        </div>

    </div>

</div>
<!--主体第二部分-->
<div class="main2">
    <div class="main2-title">
        <p class="text-danger">是你，用文字记录下旅行经历，帮助心怀梦想的人勇敢踏出了第一步 </p><br>
        <p class="text-success">是你们，以丰富多彩的世界足迹，让更多在路上的旅行者领路到未知景色的风光 </p>
        <a href="${pageContext.request.contextPath}/write/clubAc">发布活动</a>

    </div>
    <div class="main2-body">
        <div class="col-md-2 left-body"></div>
        <div class="col-md-8 mid-body">
            <img src="${pageContext.request.contextPath}/images/mengnanB.jpg">
            <img src="${pageContext.request.contextPath}/images/meinvB.jpeg">
            <img src="${pageContext.request.contextPath}/images/laotouB.jpeg">
            <img src="${pageContext.request.contextPath}/images/yanshipaisheB.gif">
            <img src="${pageContext.request.contextPath}/images/hunlisheyingB.jpeg">
            <img src="${pageContext.request.contextPath}/images/meishiB.jpeg">

        </div>
        <div class="col-md-2 right-body"></div>
    </div>
</div>

<!--主体第三部分-->
<div class="main3">
    <div class="main3-title">
        <p class="text-danger">我们正在期待，更多对旅行热爱如生命的人 </p><br>
        <p class="text-success">找到这个神秘的组织，加入这个有爱的大家庭，一起去探寻生活的更多可能性 </p>


    </div>
    <div class="main3-body">
        <div class="col-md-2 left-body"></div>

        <div class="col-md-8 mid-body">
            <span style="font-size: 20px"> 最新加入 </span></br>
            <div class="new-join">
                <a href="${pageContext.request.contextPath}/traveldetails/traveldetails.jsp">  <img src="${pageContext.request.contextPath}/images/zuixinjiaru1B.jpg"> </a>
                <a href="">  <img src="${pageContext.request.contextPath}/images/zuixinjiaru2B.png"> </a>
            </div>
        </div>
        <div class="col-md-2 right-body"></div>
    </div>
</div>

<!--底部-->

<div class="buttom">
    <div class="col-md-2 "></div>
    <div class="col-md-2 left-buttom">
        <p style="font-size: 15px">逍遥游攻略网</p>
        <p>年轻人更爱用的攻略</p>
        <p>逍遥游攻略网</p>
        <p>无数旅行者共同打造的"旅行神器"</p>
        <p>  60,000 多个全球旅游目的地 </p>
        <p>  600,000 个细分目的地新玩法</p>
        <p>  760,000,000 次攻略下载</p>
    </div>
    <div class="col-md-2 mid-buttom">
        <p style="font-size: 15px">关于我们</p>
        <a href="">关于逍遥游</a> &nbsp <a href="">联系我们</a> </br>
        <a href="">隐私政策</a> &nbsp <a href="">商标声明</a> </br>
        <a href="">服务协议</a> &nbsp <a href="">游记协议</a> </br>
        <a href="">商城平台服务协议</a> </br>
        <a href="">网络信息侵权通知引导</a><br>
        <a href="">旅游网服务监督员</a>



    </div>
    <div class="col-md-2 right-buttom">
        <p  style="font-size: 15px">旅行服务</p>
        <a href="">旅游攻略</a> &nbsp <a href="">酒店预订</a> </br>
        <a href="">旅游特价</a> &nbsp <a href="">国际租车</a> </br>
        <a href="">旅游问答</a> &nbsp <a href="">旅游保险</a> </br>
        <a href="">旅游指南</a> &nbsp <a href="">订火车票</a> </br>
        <a href="">旅游资讯</a> &nbsp <a href="">APP下载</a> </br>

    </div>

    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima1B.png"></br>
        <p>app下载</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima2B.png">
        <p>公众号</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima3B.png">
        <p>订阅号</p>
    </div>


</div>
<div class="dixian">我们是有底线的</div>
</body>
</html>
